@import 'global.css';

.technologyArticleBox {
  width:100%;
  height:auto;
}

.technologyArticleMain {
  width:1100px;
  height:auto;
  margin:0px auto;
}

.technologyArticleContent {
  width:74%;
  min-height: 1000px;
  float:left;
  margin-top:30px;
}


.technologyArticleContent  .technologyArticleContentTitle {
  width:100%;
  height:50px;
  border-bottom:1px solid #ddd;
  line-height:50px;
}

.technologyArticleContent  .technologyArticleContentTitle input {
  width:400px;
  height:35px;
  background:#eee;
  border:1px solid #ddd;
  float:right;
  border-radius:5px;
  padding:10px;
  margin-top:8px;
  outline:none;
}

.technologyArticleContent  .allBtn {
  float:right;
  cursor:pointer;
  margin-left:20px;
  margin-right:5px;
}
.technologyArticleContent .allBtn:hover {
  color:orange;
}

.technologyArticleContent  .technologyArticleContentItem {
  width:100%;
  height:40px;
  font-size:13px;
  line-height:30px;
  margin-top:10px;
  border-bottom:1px solid #eee;
  display: flex;
}

.technologyArticleContent  .technologyArticleContentItem  .technologyArticleContentItemLeft {
  width:75%;
  font-size:14px;
}

.technologyArticleContent  .technologyArticleContentItem  .technologyArticleContentItemLeft i {
  font-size:13px;
  margin-right:5px;
  color:#666;
}

.technologyArticleContent  .technologyArticleContentItem  .technologyArticleContentItemLeft a {
  color:#333;
}

.technologyArticleContent  .technologyArticleContentItem  .technologyArticleContentItemRight {
  flex:1;
  margin-left:10px;
}

.technologyArticleContentItemCount {
  width:auto;
  text-align:right;
  padding-right:5px;
  font-size:13px;
}

.technologyArticleContentItemCount i {
  color:#999;
  margin-right:7px;
}

.technologyArticleMenu {
  width:24%;
  height:auto;
  margin-top:30px;
  float:right;
}

.technologyArticleMenu .technologyArticleMenuTitle {
  width:100%;
  height:50px;
  border-bottom:1px solid #ddd;
  line-height:50px;
}

.technologyArticleTagBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: calc(100% + 13px);
}

.technologyArticleTagBox  .technologyArticleTagItem {
  width:auto;
  height:30px;
  background:#eee;
  text-align: center;
  line-height:30px;
  padding-left:6px;
  padding-right:6px;
  margin-top:10px;
  border-radius:5px;
  margin-right:13px;
}
